<!DOCTYPE HTML>
<html>
<head>
<title>Virtual Traning Pedia - Technology Games, Courses, Hot Jobs, Interview Questions</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel='stylesheet' type='text/css' />
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
 
<link rel="stylesheet" href="fonts/css/font-awesome.min.css">
<link rel="stylesheet" href="fonts/css/font-family.css">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />


<script src="js/jquery.min.js"></script>
<script src="js/jquery.circliful.min.js"></script>
<script src="js/commonfunctions.js"></script>
<script src="js/url.js"></script>
<script src="js/load.js"></script>
<script>
$( document ).ready(function() {
	if(typeof localStorage["admin_id"]=='undefined'){
		window.location="index.html";
	}
});
</script>
<link href="css/jquery.nouislider.css" rel="stylesheet">
<script src="js/jquery.nouislider.js"></script>

<link rel="stylesheet" href="css/clndr.css" type="text/css" />
<script src="js/underscore-min.js"></script>
<script src= "js/moment-2.2.1.js"></script>
<script src="js/clndr.js"></script>
<script src="js/site.js"></script>


<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>

<link rel="stylesheet" href="css/demo.css">
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="css/sky-forms.css">
<link rel="stylesheet" href="css/sky-forms-orange.css">
<script src="js/jquery-ui.min.js"></script>
</head>
	<body>
	<div class="col-md-12 "> <a href="javascript:void(0);" onclick="logoFunction(0)"><img src="images/vtp-logo.png" width="163" height="127" class="img-responsive logo"></a><div style="position:absolute; top:47px; right:90px;"><button type="button" onclick="logoutFunction()" class="btn btn-danger btn-outline btn-sm">Logout</button></div> </div>
	 <div class="col-md-12">
			<div class="grid2_of_1">
					
                    <div class="body">			
			<form class="sky-form" >
				<header>Change Password</header>
				<fieldset>					
					<section>
						<label for="file" class="input">
							<input type="password" id="old_password" name="old_password" placeholder="Old Password"><span id="old_passwordError"  style="color:red;"></span>
						</label>
					</section>
					<section>
						<label for="file" class="input">
							<input type="password" id="new_password" name="new_password" placeholder="New Password"><span id="new_passwordError"  style="color:red;"></span>
						</label>
					</section>
					<section>
						<label for="file" class="input">
							<input type="password" id="confirm_password" name="confirm_password" placeholder="Confirm Password"><span id="confirm_passwordError"  style="color:red;"></span>
						</label>
					</section>
					
				</fieldset>
				<footer>
					<button type="button"  class="button" onclick="changePasswordFunction()">Save</button>
					<button type="button"  class="button" onclick="backFunction()">Back</button>
					<span id="contacsuccess" style="color:red;"></span>
					<span id="passwordSuccessfully"  style="color:red;"></span>
				</footer>
			</form>
		</div>
		</div>
		</div>  
			<div class="clearfix"></div>
	<div class="copy">
		<p class="link"><span>&#169;All rights reserved |  by&nbsp;<a href="#"> Virtual Traning Pedia</a></span></p>
	</div>
</div>
</div>
</div>

